﻿<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div template="session_page">
        <input type="text" class="k-textbox" style="position:fixed;top:50px;right:40px" ng-model="filter.txtCaption" />
        <div>

            <div ng-repeat="p in data|filter:filter" style="width:300px;color:#000" ng-click="loadPage(p);">

                <span class="font-size-20">
                    {{p.txtCaption}}
                </span>
            </div>

        </div>
    </div>

    <script>
        var scope = this;
        scope.$$$ready(function () {
            scope.data = [];
            angular.forEach(window.top.$navigator.module.children.item, function (f) {
                scope.data.push({
                    txtCaption: scope.$$$res("AppMenu.Item." + window.top.$navigator.menu.indexOf(window.top.$navigator.module) + "." + window.top.$navigator.module.children.item.indexOf(f) + "." + f.caption, f.caption, "FormName", "hubpage/hubpage.html"),
                    item:f
                })
            });
            scope.data = _.sortBy(scope.data, 'txtCaption');

        });
        scope.loadPage = function (x) {
            /*go to page*/
            
            
            scope.$parent.loadPage(window.top.$navigator.module, x.item,true);
        }
        scope.getMenu = function () {
            return window.top.$navigator.menu;
        }
    </script>
</body>
</html>